/* 总div相对定位 */
#main, #wrap {
    position: relative;
}
a {
    text-decoration: none!important;
}
/*影响最后的边框的样式*/
body{
    background-color: #f6f6f8!important;
}
/*总的大的div*/
.job-body .job-banner {
    background: linear-gradient(90deg,hsl(180, 85%, 35%) 0,#8bc0db 100%);
    padding: 18px 20px 20px 105px;
    height: 200px;
}

.company-banner {
    background-image: linear-gradient(90deg,#3b526a 0,#345a6d 100%);
    padding: 30px 0 16px 0;
    line-height: 0;

    background-color: #444c5f;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    color: #fff;
}

.inner {
    position: relative;

    width: 1184px;
    margin:0 auto;
}
.home-inner{
    max-width: 1184px;

}

.company-stat {
    margin-bottom: 42px;

    text-align: right;

    float: right;
    color: #fff;
    padding-top: 0;
    clear: both;
}




.company-stat span {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    font-size: 15px;
    line-height: 21px;
    /*自己加的*/
    margin-left: 30px;
    width: auto;
    /*调一下距离大小*/
    margin-top: -18px;
}
.company-stat span a {
    color: #fff;
}
/*b标签*/
b {
    display: inline-block;
    font-family: kanzhun-Regular,kanzhun;
    font-size: 46px;
    line-height: 55px;
    text-align: right;
    color: #fff;
    padding: 0;
    font-weight: 400;
    margin-right: 6px;
    vertical-align: sub;
}
.op {
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;

    margin-top: 25px;
    font-size: 16px;
}
.icon-resume-login {
    color: #00bebf;
}
.icon-upload-login{
    color: #00bebf;
}
/*i标签*/
.icon {
    background-position: 0 -54px;

    vertical-align: middle;
    position: relative;
    top: -2px;
    width: 18px;
    height: 18px;
    background: url(https://img.bosszhipin.com/static/file/2022/tsai5diw351661504694017.png) 0 0/18px auto no-repeat;

    display: inline-block;
    margin-right: 8px;
}

.op a {
    margin-left: 32px;
    font-size: 16px;
    line-height: 22px;
}
.abc {
    color: #fff;
}
/* 右边icon标签 */
.icon-upload-login .icon {
    background-position: 0 -36px;
}
.company-stat .op .icon {
    vertical-align: middle;
    position: relative;
    top: -2px;
    width: 18px;
    height: 18px;
    background: url(https://img.bosszhipin.com/static/file/2022/tsai5diw351661504694017.png) 0 0/18px auto no-repeat;
}

.company-banner .icon{
    display: inline-block;
    margin-right: 8px;
}

/* 主要内容 */
.info-primary {
    height: auto;
    font-size: 0;
}
.info-primary {
    overflow: visible;
    color: #fff;
    max-width: 800px;
}

.info-primary img {
    width: 70px;
    height: 70px;
    border-radius: 12px;
    margin-top: 0;
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.info-primary .info {
    margin-left: 24px;


    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}
/*h1标签*/
.info-primary h1 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    line-height: 28px;

    padding: 0 0 3px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* 江苏欧博 */
.info-primary .icon-brand {
    width: 28px;
    height: 28px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-left: 16px;
    background: url(https://img.bosszhipin.com/static/file/2022/p31w76t8u01662368559649.png) 0 0/28px auto no-repeat;
}

.info p {
    padding: 0 0 0 2px;
    margin-top: 3px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 18px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*A轮等等标签*/
.dolt {
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 2px;
    margin: 0 7px;
    border-radius: 50%;
    background-color: rgba(255,255,255,.7);
}
em {
    font-style: normal;
}

.industry-link {
    color: #fff;
}


/* 公司简介页面 */
.company-tab {
    width: 1184px;
    margin: 16px auto 0;
    background: #f8f8f8;
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 0 24px;

    box-sizing: border-box;

    clear: both;
}

.company-body-wrapper .company-tab a.cur {
    color: #00a6a7;
}
.company-tab a {
    position: relative;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    margin: 0;
    border: none;
    transition: all .2s linear;
}
.company-tab a {
    display: inline-block;
    vertical-align: top;

}

.company-tab .car {
    margin-left: 32px;
}

/*热招职位*/
.company-hotjob {
    width: 1184px;
    margin: 16px auto 0;
    background: #fff;
    border-radius: 12px;
    padding: 20px 30px;
    overflow: visible;
    clear: both;

    box-sizing: border-box;
}

.inner{
    width: auto;
    margin:0 auto!important;
}
.home-inner{
    max-width: 1184px;
}

.company-hotjob h3 {
    margin-bottom: 16px;
    padding-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px;
}

.more {
    font-size: 15px;
    color: #00a6a7;
    line-height: 21px;
    font-weight: 500;
    margin-right: 30px;
    margin-top: 4px;
    padding-right: 6px;
    background: 0 0;
    transition: all .2s linear;

    float: right;
    clear: both;
}

/*ul标签*/
.company-hotjob ul{
    margin: -8px;
    font-size: 0;
    white-space: nowrap;
}

/*li标签*/
.company-hotjob li {
    float: left;
    margin: 8px;
    border-radius: 12px;
}
.company-hotjob li {
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
}

.company-hotjob li a {
    position: relative;
    width: 344px;
    height: 96px;
    border: 1px solid #ededed;
    background: #fff;
    border-radius: 12px;
    padding: 20px;

    box-sizing: border-box;

    display: block;
}
li a:hover{
    background-color: #e7e7e7;
    transition: all .8s linear;
}


/**/
.info-primary {
    overflow: visible;
}

.name {
    margin-bottom: 12px;
    padding-bottom: 0;
    height: 28px;

}
/*装职位名称的div*/
.salary {
    font-size: 20px;
    font-family: kanzhun-Regular,kanzhun;
    color: #fe574a;
    line-height: 24px;
    position: relative;
    top: -2px;
    float: right;
    clear: both;
}
/*开发工程师b标签*/
.name b {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    max-width: 190px;
    transition: all .2s linear;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.info-detail {
    display: none;
    position: absolute;
    height: auto;
    top: 96px;
    font-weight: 400;
    width: 500px;
    left: 50%;
    margin-left: -250px;
    border-radius: 12px;
    padding: 0;
    box-shadow: 0 16px 40px 0 rgba(153,153,153,.3);
    background: #fff;
    z-index: 1001;
}
.info-primary-bottom {
    display: block;
}
/*工作经验*/
.tag-list {
    display: inline-block;
    height: 22px;
    overflow: hidden;
    vertical-align: middle;
    max-width: 220px;
}
.company-hotjob li p {

    white-space: nowrap;
    text-overflow: ellipsis;
}

.tag-list-item {
    margin-left: 8px;
    background: #f8f8f8;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 13px;
    color: #666;
    line-height: 18px;
    float: left;
    transition: all .2s linear;
}

.company-location {
    float: right;
    font-size: 13px;
    color: #666;
    line-height: 18px;
    margin-top: 4px;
    margin-right: -15px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;

}

/*#startButton:hover{*/
/*    display: block;*/
/*}*/
/*按钮*/
.btn-startchat {
    /*display: none;*/
    border: none;
    margin-right: -13px;
    position: absolute;
    z-index: 1;
    right: 20px;
    bottom: 14px;
    min-width: 100px;
    border-radius: 8px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
    background: #00bebd;



}
.btn{
    box-sizing: content-box;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    /*鼠标手指事件*/
    cursor: pointer;

}



/*公司简介*/
.company-body-wrapper .job-box {
    margin-top: 16px;
}

.company-body-wrapper .company-new .job-detail {
    width: 884px;
    padding-right: 0;
    border: none;
    padding-bottom: 0;
}
.company-body-wrapper .company-info-box {
    background: #fff;
    border-radius: 12px;
    padding: 20px 30px;
}
.job-sec {
    position: relative;
}
.job-sec h3 {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px;
    margin-bottom: 12px;
    padding: 0;
}

.fold-text {
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: 28px;
    max-height: 113px;
    overflow: hidden;
}
.job-sec .fold-text {
    max-height: 181px;
    overflow: hidden;
    position: relative;
}

.more-view {
    display: none;
    background: linear-gradient(270deg,#fff 65%,rgba(255,255,255,0) 100%);
    width: 80px;
    text-align: right;
    font-size: 15px;
    color: #00a6a7;
    line-height: 21px;
    padding: 4px 14px 4px 0;
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 6px;
    transition: font-weight .2s linear;
    box-sizing: border-box;
}








/* 下面 */
.tag-container-new .tag-more {
    height: 23px;
    cursor: pointer;
    position: absolute;
    top: 8px;
    line-height: 16px;
}

/* 描述的span标签详情 */
.job-body .tag-container-new .tag-more .link-more {
    height: 26px;
    line-height: 21px;
    background: rgba(255,255,255,.05);
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    padding: 0 8px;
    border: none;
    margin: 0;
    font-weight: 500;
    letter-spacing: 2px;
    text-align: center;
    border: 1px solid transparent;
}
.tag-container-new .tag-more .link-more {
    display: inline-block;
    vertical-align: top;
}

/* 工资计算器 */
.salary-calculate-entry {
    width: 284px;
    margin-bottom: 16px;
    border-radius: 12px;
    padding: 16px 30px 30px;
    background: url(https://img.bosszhipin.com/static/file/2023/iy8js3rpk61678257588073.png) 0 0/100% auto no-repeat;
    box-sizing: border-box;
}

.salary-calculate-entry .title {
    display: block;
    width: 96px;
    height: 23px;
    margin: 0 auto;
    background: url(https://img.bosszhipin.com/static/file/2023/n6n44gakxi1678257587854.png) 0 0/100% auto no-repeat;
}
.salary-calculate-entry .salary-calculate-input input {
    font-size: 13px;
    color: #222;
    line-height: 28px;
    padding: 2px 12px;
    outline: 0;
    border: none;
    display: block;
    width: 100%;
    border-radius: 8px;
    box-sizing: border-box;
}
.salary-calculate-entry .salary-calculate-input {
    position: relative;
    width: 100%;
    height: 34px;
    background: #fff;
    border-radius: 8px;
    margin-top: 20px;
    border: 1px solid transparent;
    box-sizing: border-box;
    transition: all .2s linear;
}
.salary-calculate-entry .salary-calculate-btn {
    display: block;
    margin-top: 12px;
    width: 100%;
    height: 34px;
    line-height: 34px;
    color: #fff;
    background: #00bebd;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    transition: all .2s linear;
}









/* 详情页面 */
.job-body .tag-container-new .tag-more .tag-all {
    width: 500px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);
    border-radius: 8px;
    padding: 14px 12px;
    top: 36px;
    right: 0;


    display: none;
    position: absolute;
    z-index: 100;
    height: auto;
    box-sizing: border-box;
    margin-right: 0;
    overflow: initial;
    text-align: left;
}

.tag-container-new .tag-more:hover .tag-all{
    display: block;
}


.job-body .tag-more .job-tags span {
    background: rgba(0,190,189,.1);
    color: #00a6a7;
    margin: 6px 8px;

}
.job-body .job-tags span {
    height: 28px;
    line-height: 28px;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    padding: 0 8px;
    border: none;

    display: inline-block;
    vertical-align: top;

}

.job-banner .job-tags {
    padding-top: 6px;
    height: 45px;
    overflow: hidden;
    display: inline-block;
}
.job-body .job-tags span {
    height: 28px;
    line-height: 28px;
    background: rgba(255,255,255,.05);
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    padding: 0 8px;
    border: none;
    margin-right: 8px;
    margin-bottom: 8px;

}
/* 微信扫码,分享 */
.op-links{
    text-align: right;
}
/*加权a标签/

/* a{
    color: #222 !important;
} */


/*a:hover {*/
/*    color: #23527c !important;*/
/*    text-decoration: underline;*/
/*}*/

/*Java,python等等标签*/
/* .job-detail .job-list{
    float: left;
} */
/* .name{
    font-size: 14px;
} */
/* 下方盒子 */
.job-body .job-box{
    margin:20px 120px;
    background:0;

}
.inner{
    width:1184px;
    margin:0 auto;
}
.home-inner {
    max-width:1184px;
}

.job-body .job-sider {
    padding-bottom: 0;
}

.job-sider {
    float: right;
    width: 284px;
    padding-bottom: 40px;
}

/*职位描述div*/
.job-body .job-detail {
    /*边框*/
    border: none;
    padding-right: 0;
    margin-right: 300px;
    padding-bottom: 0;
}
.job-detail{
    position: relative;

    /* min-height: 813px; */
}


/*职位描述div*/
.job-body .job-section{
    background-color: #f2f1f1;
    border-radius: 12px;

    padding: 20px 30px;
    /* clear: both; */
}

/*职位描述头的div容器*/
.job-body .detail-header {
    background-color:#f0f0f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.job-body .detail-header h3{

    margin-bottom: 0;
}
.job-body .detail-section h3{
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px;
}

/*java，python等小标签*/
.job-body .job-list {
    overflow: hidden;
}
li,ul{
    list-style: none;
}

.job-body .job-list li {

    margin-top: 8px;
    margin-right: 8px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    float: left;
    padding: 4px 12px;
    white-space: nowrap;
    background: #f8f8f8;
    border-radius: 4px;
}
/*文本标签 岗位职责*/
.job-body .job-text {

    background-color:#f5f5f5;
    /* white-space: pre-wrap; */
    border-radius: 15px;
    word-break: break-all;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 28px;
    color: #333;
    font-size: 15px;
    text-align: justify;
    letter-spacing: 0;
    max-height: 120px;

}
/* Boss简介 */
.job-body .job-info {
    border-top: 1px solid #ededed;
    padding-top: 20px;
}

.job-body .job-info .PictureMain {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    border: 1px solid #f6fdfd;
    border-radius: 100%;
}

/*Boss简介，地点活跃状态等等*/
.job-detail .PictureMain {
    float: left;
    position: static;
}
/*图片设置*/
.job-body .job-info .PictureMain img{
    width:56px;
    height:56px;
    display:block;
    /*圆润一点*/
    border-radius:100%;
    vertical-align:top;

}


.job-body .job-info .name {
    font-size: 20px;
    font-weight: 500;
    color: #222;
    line-height: 28px;
    display: flex;
    align-items: center;
}

.job-body .job-info .icon-vip {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    margin-top: 0;
    background: url(https://img.bosszhipin.com/static/file/2022/dcxvc4yjp41661777557709.png) 0 0/20px auto no-repeat;
}

/*刚刚活跃*/
.job-body .job-info .active {
    font-size: 14px;
    color:rgb(166, 233, 58);
    line-height: 20px;
    margin-left: 16px;
    font-weight: 400;
}

.job-body .job-info .Jianjie {
    font-size: 15px;
    color: #666;
    line-height: 21px;
    margin-top: 8px;
    display: flex;
    align-items: center;
}

/*竞争力分析demo*/

.job-body .job-compare{
    margin-top:16px;
    position: relative;
    background-color: #f8efef;

    border-radius: 12px;
    padding: 20px 30px;
}

/* .job-body .job-section {

} */

.job-body .job-compare h3 {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px;
    margin-bottom: 20px;
}

.compare-detail{
    margin-top:16px;
    margin-bottom:30px;
    font-size:15px;
    color:#333;
    line-height:21px;

}
/*查看完整竞争力*/
.job-body .job-compare .compare-detail .compare-rigth{
    position: absolute;
    top: 22px;
    right: 30px;
    z-index: 1;

}
.compare-rigth{
    float: right;
}

.LookOK{
    font-size: 15px;
    color:brown;
    line-height: 22px;
    transition: all .2s linear;

}

/* 排名划线 */
.job-body .compare-container{
    margin-bottom: 25px;
}
.compare-container{
    position: relative;
    margin-top: 20px;
    height: 8px;
    font-size: 0;
    white-space: nowrap;
}

.text-position{
    position: absolute;
    top: -28px;
    left: 50%;
    margin-left: -35px;
    font-size: 14px;
    color: #3c3232;
}

/* 条条 */
.compare-container .level-1{
    background: linear-gradient(90deg,#507ef2 0,#539ff2 100%);
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.compare-container span{
    width: 20%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    margin-left: 3px;
}

/* 2 */
.compare-container .level-2{
    background: linear-gradient(90deg,#53a0f2 0,#56c1f2 100%);
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
/* 3 */
.compare-container .level-3{
    background: linear-gradient(90deg,#56c3f2 0,#5cd6e7 100%);
}
/* 4 */
.compare-container .level-4{
    background: linear-gradient(90deg,#5ed8e8 0,#63e4d7 100%);
}

/* 5 */
.compare-container .level-5{
    background: linear-gradient(90deg,#63e5d7 0,#6af3c7 100%);
}
/* 安全提示 */
.job-Safety{
    margin-top: 16px;
    margin: 16px 0;
    border: none;
    /* background-color: #fff url(https://img.bosszhipin.com/static/file/2022/e80yqyvz0u1661829813750.png) right top/auto 100% no-repeat; */
    background-color: #55bfed;

    border-radius: 12px;
    padding: 20px 30px;
}
/*标题*/
.job-Safety h3{
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px;

}
/*提示内容*/
.job-Safety p{
    position: relative;
    margin-top: 16px;
    font-size: 14px;
    color: #333;
    line-height: 26px;
    padding-right: 224px;
    padding-left: 0;
}
/*更多提示链接*/
.link-Safety{
    position: relative;
    display: inline-block;
    margin-top: 16px;
    color: #f6fdfd;
    line-height: 20px;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    padding-left: 4px;
    transition: all  .5s linear;
}
/* a{
    text-decoration: none;
} */

/*公司介绍*/
.job-company{
    margin-top: 16px;
    background-color: #f0f0f0;

    /*padding: 15px 15px;*/
    border-radius: 12px;
    padding: 20px 30px;
}
.company-box{
    margin-bottom: 20px;
    position: relative;
    border-radius: 14px;
    background-color: #F8F8F8;
}

.company-box h3 {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px;
    margin-bottom: 20px;
}


.company-text{
    max-height: 85px;
    overflow: hidden;
    white-space: pre-wrap;
    word-break: break-all;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 28px;
    color: #333;
    font-size: 15px;
    text-align: justify;
    letter-spacing: 0;
}

.expanded{
    max-height: none!important;
}

.company-box .look-alls{
    bottom: 14px;
    position: absolute;
    /*background: linear-gradient(270deg,#fff 65%,rgba(255,255,255,0) 100%);*/
    width: 120px;
    text-align: right;
    font-size: 15px;
    color: #00a6a7;
    line-height: 21px;
    padding: 4px 14px 4px 0;
    z-index: 1;
    right: 0;
    bottom: 1px;
    transition: color .2s linear;
    box-sizing: border-box;
}

/* 下方的工商信息 */
.job-business{
    margin-bottom: 20px;
}
.job-business h3{
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px;
    margin-bottom: 20px;
}

.job-business .level-list-box{
    background-color: #f8f8f8;
    border-radius: 12px;
    padding: 20px;
}
.company-name{
    width: 300px;
}
.job-business .level-list-box .level-list{
    height: auto;
    overflow: hidden;
    margin-top: 0;
    max-height: 145px;
}


.ul{
    list-style: none;
}
/*介绍的详情的排版*/
.job-business .level-list li {
    /*float: left;*/
    padding-right: 5px;
    margin-top: 0;
    margin-bottom: 30px;
    box-sizing: border-box;
}
/*注册地址*/


.level-list li {
    display: inline-block;
    width: 246px;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.job-business .level-list li span {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 20px;
    margin-bottom: 8px;
}

.job-business .level-list-box .look-all-appear {
    position: relative;
    display: block;
    margin: 0 auto -4px;
    width: 84px;
    text-align: center;
    font-size: 15px;
    color: #222;
    line-height: 21px;
    transition: all .2s linear;
}




/* 相似职位 */
/* 的div */
.job-wrapper{
    margin-bottom: 16px;
    padding-bottom: 20px;
    background-color: #f7efef;
    border-radius: 12px;
}

.job-wrapper h3{
    padding: 12px 24px;
    background: linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);
    border-radius: 12px 12px 0 0;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
}

/* .job-wrapper h3 a{
    font-size: 15px;
    color: #00a6a7;
    line-height: 21px;
    float: right;
    font-weight: 400;
    margin-top: 1px;
    display: flex;
    align-items: center;
    transition: all .2s linear;
} */


/* div容器 */
.job-wrapper .similar-job-list{
    padding: 8px 8px 0;
}

/* .job-wrapper li {
    border-radius: 8px;
    padding: 12px 16px;
    transition: all .2s linear;
} */

/* .job-wrapper li>a{
    display: block;
}
a{
    text-decoration: none;
    color: #222;
} */
/* 详细的版本 */
.job-wrapper .similar-job-info {
    display: flex;
    justify-content: space-between;
}

.job-wrapper .similar-job-name {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 22px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px;
}

.job-wrapper .similar-job-salary{
    font-size: 20px;
    font-family: kanzhun-Regular,kanzhun;
    color: #fe574a;
    line-height: 24px;
    white-space: nowrap;
    position: relative;
    top: -2px;
}

.job-wrapper .similar-job-attr {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*logo和名字的div*/
.similar-job-company{
    display: flex;
    align-items: center;
}

.job-wrapper .similar-job-attr .job-company-logo {
    margin-right: 8px;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    border: 1px solid #f3f5fb;
}

.job-wrapper .similar-job-attr img {
    width: 22px;
    height: 22px;
    border-radius: 4px;
    display: block;
    border: none;

}

.similar-job-name{
    font-size: 13px;
    color: #666;
    line-height: 18px;
    word-break: break-all;
    transition: all .2s linear;
}

.similar-job-location{
    white-space: nowrap;
    font-size: 13px;
    color: #666;
    line-height: 18px;
    overflow: hidden;
}

.job-wrapper .job_pk{
    width: 235px;
    height: 32px;
    background: rgba(0,190,189,.1);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #00a6a7;
    line-height: 32px;
    text-align: center;
    margin-top: 20px;
}

.job-wrapper .look-all{
    width: 158px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin: 16px auto 0;
    display: block;
    border-radius: 8px;
    border: 1px solid #00bebd;
    font-size: 14px;
    font-weight: 500;
    color: #00a6a7;
    transition: all .2s linear;
}

/* 工作地址 */
.company-adress{
    margin-bottom: 0;
}
/* 标题 */
.company-adress h3{
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px;
    margin-bottom: 20px;
}

/* 下面div */
.company-adress .job-location{
    border-radius: 12px;
    border: 1px solid #ededed;
    box-shadow: none;
    overflow: hidden;


    margin-top: 20px;
    font-size: 13px;
    position: relative;
}
.company-adress .location-adress{
    font-size: 16px;
    color: #333;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 12px 20px 12px 46px;
    background: url(https://img.bosszhipin.com/static/file/2022/o72wdj3x0v1661946739252.png) 20px 14px/18px auto no-repeat;
}

.location-adress{
    display: block;
    border-bottom: 1px #ecedef solid;
}
.job-location-map{
    width: auto;
    height: 171px;

    cursor: pointer;
    position: relative;

}
/*定位图片*/
.job-location img{
    width: auto;
    height: 171px;
}

/* 点击查看地图 */
.job-location p:hover{
    color: #00a6a7;
    font-weight: 500;

}
.company-adress .job-location p{
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding: 8px 16px 8px 40px;
    /*图标*/
    background: url(https://img.bosszhipin.com/static/file/2022/oqp2zomui31661947170536.png) 12px 7px/21px 21px no-repeat,#fff;
    box-shadow: 0 3px 40px 0 rgba(153,153,153,.3);
    border-radius: 12px;

    /*主要显示代码*/
    cursor: pointer;
    position: absolute;
    right: 12px;
    bottom: 12px;
}


/* 看过该职位的人还看了
 */
.more-job{
    margin-top: 16px;
    background-color: rgb(252, 251, 251);
    border-radius: 12px;
    padding: 20px 30px;
}
.look-job-box h3{
    margin-bottom: 16px;
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
    color: #279984;
    line-height: 25px;

}
/*更多职位*/
.look-job-more{
    position: relative;
    float: right;
    font-size: 16px;
    color: #0c0101;
    font-weight: 400;
    line-height: 22px;
    display: flex;
    align-items: center;
    margin-top: 1px;
}
/*列表模块div*/
.look-job-list{
    overflow: hidden;
}
.look-job-list li{
    position: relative;
    float: left;
    margin-left: 8px;
}

/*每个小的职位模块*/
.look-job-list li a{
    display: block;
    width: 264px;
    height: 90px;
    border-radius: 12px;
    padding: 12px 16px;
    margin-bottom: 8px;
    /*职位模块大小*/
    margin-top: 8px;
    border-radius: 12px;
    border: 1px solid #ededed;
    box-sizing: border-box;
    transition: all .2s linear;
}
/*职位div*/
.look-job-list .info-job {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.look-job-list .info-job .name {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 22px;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 4px;
    max-width: 120px;
}
.look-job-list .info-job .salary {
    font-size: 20px;
    font-family: kanzhun-Regular,kanzhun;
    color: #fe574a;
    line-height: 24px;
    white-space: nowrap;
    flex: 1;
    text-align: right;
}

.look-job-list .info-company {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    color: #666;
    line-height: 18px;
}

.look-job-list .info-company .info-company-logo {
    display: flex;
    align-items: center;
}
.look-job-list .info-company .company-logo-image {
    width: 22px;
    height: 22px;
    border-radius: 4px;
    margin-right: 8px;
    border: 1px solid #f3f5fb;
}
.look-job-list .info-company .company-logo-image img {
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 4px;
}


/*精选职位 id选择#*/
#more-job-select{
    margin-top: 16px;
    background-color: rgb(252, 251, 251);
    border-radius: 12px;
    padding: 20px 30px;
}

#select-job-box h3{
    margin-bottom: 16px;
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px;
}

.silider-main{
    overflow: hidden;
    width: 824px;
    position: relative;
}

/* .select-job-box .look-job-box>ul>li>a{
    display: block;
    width: 500px;
    height: 90px;
    border-radius: 12px;
    padding: 12px 16px;
    margin-bottom: 8px;
    margin-top: 8px;
    border-radius: 12px;
    border: 1px solid #ededed;
    box-sizing: border-box;
    transition: all .2s linear;
} */

.select-job-box .silider-main>ul{
    height: 196px;
    overflow: hidden;
}

.select-job-box .silider-main>ul>li{
    position: absolute;
    top: 0;
    left: 20px;
    width: 100%;
    display: none;
    height: 196px;
}
/* 翻页 */
.silider-main .silider-dot{
    position: absolute;
    height: 4px;
    overflow: hidden;
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 9;
}
.silider-dot i{
    /*翻页键-浮动*/
    float: left;
    width: 28px;
    height: 4px;
    background: #ededed;
    border-radius: 4px;
    margin-left: 12px;
    opacity: 1;
    display: inline-block;
    cursor: pointer;
}
/* 当前页 */
.slider-main .slider-dot i.cur {
    background: #00bebd;
}

/*新增职位简介界面*/

/*新增*/
.search-condition-wrapper {
    margin-top: 12px;
}
.search-condition-inner {
    width: 1184px;
    margin: 0 auto;
    background: #fff;
    border-radius: 12px;
    padding: 20px 24px;
}
.position-current-select {
    display: none;
}
.position-select-dropdown {
    display: flex;
}
.position-select-label {
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    float: left;
}
.position-select-list {
    padding-top: 1px;
}
/*职位类型下拉框*/
.condition-filter-select {
    margin-right: 8px;
    float: left;
}
.condition-filter-select .current-select[data-v-a6b02422] {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #222;
    line-height: 20px;
    padding: 6px 24px 6px 12px;
    cursor: pointer;
    transition: all .2s linear;
}
.placeholder-text {
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}
/*结束*/



.position-select-list li {
    float: left;
    margin: 0 20px 20px;
    line-height: 20px;
    transition: all .2s linear;
}

.position-select-list>li a {
    color: #333;
    transition: all .2s linear;
}
.position-select-list li em {
    font-style: normal;
}
.ui-icon-check {
    display: none;
    position: absolute;
    font-weight: 700;
    font-size: 12px;
    top: 12px;
    right: 8px;
    z-index: 1;
    color: #00a6a7;
}

.search-job-input {
    margin-left: 12px;
    float: left;
}
.search-job-input {
    position: relative;
    display: inline-block;
    width: 240px;
    height: 32px;
    border-radius: 4px;
}
.search-job-input input{
    outline: 0;
    padding: 5px 42px 5px 16px;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    transition: all .2s linear;
}

.job-search-btn {
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 5px;
    z-index: 1;
    width: 20px;
    height: 20px;
    background: url() 0 0 no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
}

.search-job-options {
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 2;
    width: 100%;
    font-size: 14px;
    background-color: #fff;
    color: #222;
    border-radius: 12px;
    border: 1px solid #ededed;
    transition: height 2s ease;
    overflow: hidden;
}
.search-job-input .search-job-empty {
    padding: 0 8px;
    height: 40px;
    line-height: 40px;
    color: #666;
}

/*下方职位的框框的div*/
.company-position-box {
    width: 1184px;
    margin: 12px auto 0;
    height: 800px;

}
.company-position-job {
    position: relative;
    margin-bottom: 32px;
}
.position-job-container {
    float: left;
    width: 384px;
}

/*选中它时候的样式*/
/* .job-card-box.active {
    z-index: 1;
    border: 1px solid #00bebd;
    background: #f8f8f8;
} */

.job-card-box {
    position: relative;
    border-radius: 12px;
    cursor: pointer;
    background: #fff;
    transition: box-shadow .2s linear;
    margin-top: 10px;

}
.job-card-box:hover{
    transform: scale(1.03); /* 缩放效果使div突出 */
    background-color: #f7efef; /* 背景颜色变化 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* 添加阴影效果 */
}
/*选中时候的样式*/
.selected {
    transform: scale(1.03);
    background-color: #f7efef;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.job-info{
    display: block;
    padding: 16px 20px 12px;
}

.job-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 24px;
}
.job-salary {
    font-size: 20px;
    font-family: kanzhun-Regular;
    font-weight: 500;
    color: #fe574a;
    line-height: 24px;
    height: 24px;
    flex-shrink: 0;
}

.tag-lists {
    height: 22px;
    overflow: hidden;
    margin-left: -4px;
    margin-right: -4px;
    margin-top: 8px;
}
/*选中时候的样式*/
/* .job-card-box.active .tag-list li {
    background: #ededed;
} */
.tag-lists li {
    float: left;
    margin-left: 4px;
    margin-right: 4px;
    background: #f8f8f8;
    border-radius: 4px;
    font-size: 13px;
    color: #666;
    line-height: 18px;
    padding: 2px 8px;
    transition: all .2s linear;
}
/*下面带有人的标签*/

.job-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    background: linear-gradient(90deg,#f5fcfc,#fcfbfa);
    border-radius: 0 0 12px 12px;
}

.boss-info {
    display: flex;
    align-items: center;
    flex: 1;
    overflow: hidden;
    margin-right: 4px;
}
.boss-logo {
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.boss-logo img{
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 100%;
}
.boss-online-icon {
    position: absolute;
    right: -2px;
    bottom: 0;
    z-index: 1;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #3ac249;
    border: 2px solid #fff;
}
.boss-name {
    font-size: 13px;
    color: #666;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-location {
    font-size: 13px;
    color: #666;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.job-card-box .company-location a{
    color: #666;
}

/*职位描述--详细的*/
.position-job-content {
    float: right;
    width: 784px;
}

.job-detail-box{
    background: #fff;
    border-radius: 16px;
    padding-bottom: 6px;
    overflow: hidden;
}
.job-detail-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 30px;
    border-radius: 16px 16px 0 0;
    transition: box-shadow .2s linear;
}
.job-header-info {
    max-width: 550px;
}
/*标题*/
.job-detail-info {
    display: flex;
    align-items: center;
    margin-right: 8px;
}
.job-detail-info .job-name {
    font-size: 20px;
    font-weight: 600;
    color: #222;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.job-salary{
    font-size: 24px;
    font-family: kanzhun-Regular;
    color: #fe574a;
    line-height: 29px;
    flex-shrink: 0;
    margin-left: 20px;
}

.tag-lists {
    overflow: hidden;
    height: 20px;
    margin-top: 12px;
    display: flex;
}
.tag-lists li {
    position: relative;
    color: #222;
    line-height: 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.job-detail-box .tag-lists li {
    margin-left: 20px;
    position: relative;
    color: #222;
    line-height: 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.job-label-list {
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: -4px;
    margin-left: -4px;
}

.job-label-list li{
    background: #f8f8f8;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 13px;
    color: #666;
    line-height: 20px;
    float: left;
    margin: 4px;
}

.job-detail-op {
    flex-shrink: 0;
}

.op-btn.op-btn-like {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 0;
}
.op-btn {
    float: left;
    width: 104px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    line-height: 20px;
    padding: 7px 20px;
    color: #00a6a7;
    border: 1px solid #00bebd;
    transition: all .2s linear;
}

.op-btn.op-btn-chat {
    background: #00bebd;
    color: #fff;
}
.job-detail-box .op-btn+.op-btn {
    margin-left: 12px;
}
.job-detail-box .job-detail-body{
    max-height: 891px;
    padding: 16px 30px 14px;
    overflow: auto;
    overflow: overlay;
}
.job-detail-body .title {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    line-height: 22px;
}
.job-label-list {
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: -4px;
    margin-left: -4px;
}
/*关键词*/
.job-label-list li {
    background: #f8f8f8;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 13px;
    color: #666;
    line-height: 20px;
    float: left;
    margin: 4px;
}
/*职位描述*/
.job-detail-box .job-detail-body .desc[data-v-7a4cab7b] {
    margin-top: 16px;
    font-size: 14px;
    color: #222;
    line-height: 24px;
    text-align: justify;
    white-space: pre-wrap;
    word-break: break-all;
}
.job-boss-info {
    border-top: 1px solid #ededed;
    padding-top: 16px;
    margin-top: 24px;
}
.detail-figure {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    border: 1px solid #f6fdfd;
    border-radius: 100%;
}

.detail-figure img {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 100%;
}
.job-boss-info .name {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    display: flex;
    align-items: center;
}

.job-boss-info .icon-vip {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    margin-top: 0;
    background: url(https://img.bosszhipin.com/static/file/2022/dcxvc4yjp41661777557709.png) 0 0/16px auto no-repeat;
}

.job-boss-info .boss-active-time {
    font-size: 12px;
    color: #999;
    line-height: 20px;
    margin-left: 16px;
    font-weight: 400;
}
.boss-info-attr {
    font-size: 12px;
    color: #666;
    line-height: 17px;
    margin-top: 4px;
    display: flex;
    align-items: center;
}

.job-detail-body .job-address {
    border-top: 1px solid #ededed;
    padding-top: 16px;
    margin-top: 24px;
}
.job-address .job-address-title {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    line-height: 22px;
}

.job-address-desc {
    margin-top: 12px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    display: flex;
    align-items: center;
    word-break: break-all;
}

.map-box-wrapper {
    margin-top: 12px;
}
.map-box-wrapper {
    position: relative;
    min-height: 64px;
    background: #ccc;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}

.map-box-wrapper img {
    width: 100%;
    display: block;
}
/*点击查看地图*/
.address-map-btn {
    cursor: pointer;
    position: absolute;
    right: 12px;
    bottom: 14px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding: 8px 10px 8px 40px;
    background: url(https://img.bosszhipin.com/static/file/2022/oqp2zomui31661947170536.png) 12px 7px/21px 21px no-repeat,#fff;
    box-shadow: 0 3px 40px 0 hsla(0,0%,60%,.3);
    border-radius: 12px;
    transition: all .2s linear;
}
/*查看更多信息*/
.more-job-btn {
    margin: 24px auto 0;
    display: block;
    width: 184px;
    padding: 9px 0;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #00bebd;
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    transition: all .2s linear;
}
.more-job-btn:hover{
    cursor: pointer;
}

/*工作感受*/


/*社区界面*/
.layout-main {
    height: 100%;
    position: relative;
    pointer-events: none;
    z-index: 998;
}
.expanded{
    max-height: none!important;
}

.page-wrap {
    max-width: 1024px;
    height: 100%;

    margin: 8px auto 0;
    padding: 0 8px 42px;
}

.page-content {
    position: relative;
    min-height: calc(100vh - 110px);
    width: 100%;
    height: 100%;
    pointer-events: auto;
}

.page-content-with-side {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    align-items: stretch;
}

.page-main-width-side {
    float: left;
    width: calc(100% - 308px);
    position: relative;
    z-index: 100;
}
.content-list-wrap {
    background: #fff;
    border-radius: 8px;
    position: relative;
}
.tab-bar li{
    margin-left: 18px;
}

.tab-bar {
    /*跟随界面而滑动的定位*/
    /* position: sticky; */
    top: 60px;
    z-index: 10;
    padding: 0 24px;
    border-bottom: 1px solid #ebedf0;
    background: #fff;
    border-radius: 8px 8px 0 0;
}

.tab-bar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
}
.tab-bar ul li.active {
    color: #00b8bf;
}

.tab-bar ul li {
    cursor: pointer;
    transition: color .2s ease-out;
}
.feed-wrap {
    padding: 0 24px;
    position: relative;
    z-index: 9;
}
.content-card-list {
    width: 100%;
    position: relative;
    z-index: 1;
}
.content-card-wrap {
    padding: 24px 0;
}
.content-card {
    position: relative;
}
.card-header {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.user-info-card{
    width: auto;

    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
}

.user-info-card .avatar {
    width: 40px;
    height: 40px;

    border-radius: 50%;
    float: left;
    flex-shrink: 0;
    transition: all .2s ease-in-out;
    box-shadow: 0 0 1px 1px rgba(217,222,230,0);
    border: 1px solid #d9dee6;
    position: relative;
    cursor: pointer;
}
.user-message {
    margin-left: 12px;
    max-width: 370px;
}
.user-title {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
}
.username{
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    color: #12141a;
    font-weight: 500;
    display: inline-block;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.btn-focus {
    height: 20px;
    font-size: 12px;
    padding: 0 6px;
    margin-right: auto;
    margin-left: 8px;
    float: none;
    opacity: 0;

    height: 26px;
    min-width: 50px;
    background: #fff;
    font-size: 14px;
    border: 1px solid rgba(0,184,191,.6);
    border-radius: 13px;
    color: #00b8bf;
    padding: 0 13px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    float: right;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
}

.iconPlus {
    width: 10px;
    height: 10px;
    margin: 0 2px 0 -2px;
}
.btn-focus .iconPlus {
    width: 10px;
    height: 10px;
    margin: 0 2px 0 -4px;
}
.svg-icon {
    width: 14px;
    height: 14px;
    outline: none;
}

.cops{
    color: #009798;
    cursor: pointer;

}
:not(svg) {
    transform-origin: 0px 0px;
}
.user-message .subTitle {
    font-size: 13px;
    font-weight: 400;
    color: #747680;
    line-height: 18px;
    margin-top: 4px;
}
.card-header-end-options {
    position: absolute;
    top: 11px;
    right: 0;
}
.more-list-wrap {
    margin-left: auto;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}
.target {
    max-height: 24px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 4px;
}
.more-list-wrap .svg-icon {
    outline: none;
}
.svg-icon {
    width: 14px;
    height: 14px;
    outline: none;
}
.icon-more {
    color: #a9adb3;
    width: 24px!important;
    height: 24px!important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.more-list-options {
    position: absolute;
    min-width: 60px;
    min-height: 54px;
    background: #fff;
    z-index: 10000;
    bottom: -10px;
    right: -6px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.08);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.08);
    border: 1px solid #edeef0;
    border-radius: 4px;
    padding: 8px 0;
}

.more-list-option {
    padding: 0 16px;
    height: 36px;
    line-height: 36px;
    white-space: nowrap;
    font-size: 14px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.text-viewer-wrap{
    margin-top: 12px;
    width: 100%;
}
.text-content {
    text-align: justify;
    word-break: break-all;
    position: relative;

}

.expand-icon {
    float: right;
    clear: both;
    color: #0c9499;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 15px;
    line-height: 24px;
    position: relative;
    z-index: 3;
}

.real-text{
    font-size: 15px;
    line-height: 24px;
    color: #12141a;
    font-weight: 400;
}

.pic-list-wrap {
    margin: 16px 0 0;
    width: 100%;
    display: inline-block;
}

.single-pic {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

.single-pic img.v {
    width: 230px;
    max-height: 410px;
}

.topic-line {
    margin: 12px 0 0;
    height: 28px;
    overflow: hidden;
}

.topic {
    display: inline-block;
    height: 26px;
    line-height: 25px;
    border-radius: 14px;
    background: rgba(0,184,191,.12);
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 0 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid rgba(0,0,0,0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.topic .iconTopic {
    width: 16px;
    height: 16px;
    float: left;
    position: relative;
    margin-right: 2px;
    top: 4px;
    left: -4px;
}
.svg-icon {
    width: 14px;
    height: 14px;
    outline: none;
}
.topic-line .topic .topic-name {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #009798;
}

.card-footer {
    margin-top: 16px;
}
.card-bottom-list {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: -6px;
}
.cb-item {
    background: hsla(0,0%,100%,0);
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border-radius: 4px;
    padding: 0 6px;
    height: 30px;
    color: #5c5e66;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 13px;
    white-space: nowrap;
}
.cb-item .svg-icon {
    float: left;
    color: #858585;
    width: 16px;
    height: 16px;
    pointer-events: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.svg-icon {
    width: 14px;
    height: 14px;
    outline: none;
}
.cb-item span {
    float: left;
    margin-left: 4px;
}

.cb-item {
    margin-left: 16px;
}
.card-bottom-list .cb-item {
    background: hsla(0,0%,100%,0);
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border-radius: 4px;
    padding: 0 6px;
    height: 30px;
    color: #5c5e66;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 13px;
    white-space: nowrap;
}
.card-bottom-list .cb-item.get {
    margin-left: 16px;
}
.card-bottom-list .cb-item {
    background: hsla(0,0%,100%,0);
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border-radius: 4px;
    padding: 0 6px;
    height: 30px;
    color: #5c5e66;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 13px;
    white-space: nowrap;
}

.cb-item.get .svg-icon {
    color: #858585;
}
.cb-item .svg-icon {
    float: left;
    color: #858585;
    width: 16px;
    height: 16px;
    pointer-events: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.comment-wrap {
    margin-top: 16px;
}

/*右边统计发布等界面*/
.page-side {
    border-radius: 8px;
    float: right;
    width: 285px;
    z-index: 99;
}
.recommend {
    min-height: 225px;
    background: #fff;
    border-radius: 8px;
    padding: 16px;
    position: relative;
}
.title {
    font-size: 18px;
    color: #12141a;
    font-weight: 500;
    line-height: 25px;
}
.subTitle {
    font-size: 14px;
    font-weight: 400;
    color: #8b8e99;
    line-height: 20px;
    margin-top: 6px;
}

.link-list{
    overflow: hidden;
    height: 100%;
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}
.link-img {
    margin: 0 auto;
    position: relative;
}
.link-img .svg-icon {
    width: 48px;
    height: 48px;
    position: relative;
    z-index: 10;
}
.link-text {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #45474d;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.link-block {
    width: 56px;
    text-align: center;
}

.creator-block-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    height: 50px;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #edeef0;
    line-height: 51px;
    background: rgba(0,184,191,.02);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;

    background: #fff;
    border-radius: 8px;
    padding: 16px;
    position: relative;
}
.page-block-header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.title {
    font-size: 18px;
    color: #12141a;
    font-weight: 500;
    line-height: 25px;
}
.more-list-wrap {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}
.target {
    max-height: 24px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 4px;
}
.more-list-wrap .svg-icon {
    outline: none;
}
.more-list-options {
    position: absolute;
    min-width: 60px;
    min-height: 54px;
    background: #fff;
    z-index: 10000;
    bottom: -10px;
    right: -6px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.08);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.08);
    border: 1px solid #edeef0;
    border-radius: 4px;
    padding: 8px 0;
}
.more-list-option.current {
    color: #00b8bf;
}
.more-list-option {
    padding: 0 16px;
    height: 36px;
    line-height: 36px;
    white-space: nowrap;
    font-size: 14px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.data-list {
    display: flex;
    margin-top: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.my-data{
    margin-top: 10px;
    background: #fff;
    border-radius: 8px;
    padding: 16px;
    position: relative;
}
.data-list .data-item {

    flex-direction: column!important;

    align-items: center;
    height: 100%;
}
.my-data .data-list{
    margin-top: 16px;
    justify-content: space-between;
}
.name {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.value {
    font-size: 28px;
    font-family: kanzhun-Regular;
    font-weight: 400;
    color: #12141a;
    line-height: 38px;
    margin: 8px 0;
}
.data-item .diff {
    color: #747680;
    font-size: 12px;
}


/* 评论的 */
.comment-wrap {
    margin-top: 16px;
}
.cmt-input {
    overflow: hidden;
}
.cmt-inputa {
    overflow: hidden;
}
.cmt-item {
    position: relative;
    padding-left: 44px;
    min-height: 36px;
}
.cmt-avatar {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #d9dee6;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.input-wrap-textarea {
    min-width: 600px;
    height: 100%;
    width: 100%;
    min-width: 100px;
    position: relative;
    display: inline-block;
    min-width: 300px;
    vertical-align: middle;
    line-height: normal;
    min-width: 600px;
}

.input-wrap-textarea>label {
    display: block;
}

.cmt-inputs textarea {
    min-height: 36px;
    border-radius: 8px;
    padding: 8px 16px;
    color: #12141a;
    font-size: 14px;
    line-height: 20px;
    word-break: break-all;
    position: relative;
}

.cmt-input textarea {
    min-height: 36px;
    border-radius: 8px;
    padding: 8px 16px;
    color: #12141a;
    font-size: 14px;
    line-height: 20px;
    word-break: break-all;
    position: relative;
}
.cmt-inputa textarea {
    min-height: 36px;
    width: 550px;
    border-radius: 8px;
    padding: 8px 16px;
    color: #12141a;
    font-size: 14px;
    line-height: 20px;
    word-break: break-all;
    position: relative;
}

.input-wrap-textarea .input {
    resize: none;
}
textarea.input {
    max-width: 100%;
    vertical-align: bottom;

}
.input {
    display: inline-block;
    width: 100%;
    border: 1px solid #e3e7ed;
    background-color: #fff;
    background-image: none;

    cursor: text;
}

.cmt-inputs .options {
    overflow: hidden;
    float: right;
    margin-top: 8px;
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.cmt-inputs .options .reply-btn.empty {
    background: #b2e9eb;
    cursor: not-allowed;
}
.cmt-inputs .options .reply-btn {
    float: left;
    cursor: pointer;
    border-radius: 4px;
    background: #00b8bf;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    height: 30px;
    border: none;
    color: #fff;
    padding: 0 16px;
    margin-left: 24px;
}

.cmt-input .options {
    overflow: hidden;
    float: right;
    margin-top: 8px;
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.cmt-inputa .options {
    overflow: hidden;
    float: right;
    margin-top: 8px;
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.cmt-input .options .reply-btn.empty {
    background: #b2e9eb;
    cursor: not-allowed;
}
.cmt-inputa .options .reply-btn.empty {
    background: #b2e9eb;
    cursor: not-allowed;
}
.cmt-input .options .reply-btn {
    float: left;
    cursor: pointer;
    border-radius: 4px;
    background: #00b8bf;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    height: 30px;
    border: none;
    color: #fff;
    padding: 0 16px;
    margin-left: 24px;
}

.cmt-inputa .options .reply-btn {
    float: left;
    cursor: pointer;
    border-radius: 4px;
    background: #00b8bf;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    height: 30px;
    border: none;
    color: #fff;
    padding: 0 16px;
    margin-left: 24px;
}
.cmt-list-wrap {
    width: 100%;
}
.cmt-header {
    padding-top: 8px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f2f3f5;
}
.cmt-header .calc-text {
    font-size: 16px;
    font-weight: 500;
    color: #12141a;
    line-height: 22px;
}
.cmt-node {
    border-color: rgba(0,0,0,0)!important;
}
.cmt-list-wrap .cmt-node {
    padding: 16px 0;
}
.cmt-item {
    position: relative;
    padding-left: 44px;
    min-height: 36px;
}
.cmt-item .cmt-avatar {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #d9dee6;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.cmt-user-info {
    position: relative;
    height: 41px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cmt-user-info .user-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
}
.user-title .user-name {
    font-size: 14px;
    font-weight: 400;
    color: #45474d;
    line-height: 20px;
}

.user-sub-title {
    margin-top: 4px;
    line-height: 17px;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #747680;
}
.cmt-item-end-content {
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.add-time {
    font-size: 12px;
    font-weight: 400;
    color: #a9adb3;
    line-height: 17px;
    white-space: nowrap;
}
.cmt-user-info p {
    display: inline-block;
    white-space: nowrap;
}
.cmt-item .cmt-item-content .cmt-content {
    font-size: 15px;
    font-weight: 400;
    color: #12141a;
    line-height: 24px;
    word-break: break-all;
    white-space: pre-wrap;
}
.cmt-item .cmt-item-options .cmt-item-option-hiddenReply {
    height: 30px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.cmt-item .cmt-item-options .cmt-item-option-hiddenReplys {
    height: 30px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.cmt-item .cmt-item-options {
    margin-top: 6px;
    margin-left: -6px;
    width: 240px;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.cmt-item .cmt-item-options .cmt-item-option-hiddenReply {
    cursor: pointer;
    padding: 0 6px;
    border-radius: 4px;
    color: #5c5e66;
    font-size: 13px;
    line-height: 18px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.cmt-item .cmt-item-options .cmt-item-option-hiddenReplys {
    cursor: pointer;
    padding: 0 6px;
    border-radius: 4px;
    color: #5c5e66;
    font-size: 13px;
    line-height: 18px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.cmt-item .cmt-item-options .cmt-item-option+.cmt-item-option-hiddenReply {
    margin-left: 19px;
}
.cmt-item .cmt-item-options .cmt-item-option+.cmt-item-option-hiddenReplys {
    margin-left: 19px;
}
.cmt-item .cmt-item-options .cmt-item-option-hiddenReply {
    cursor: pointer;
    padding: 0 6px;
    border-radius: 4px;
    color: #5c5e66;
    font-size: 13px;
    line-height: 18px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.cmt-item .cmt-item-options, .cmt-item .cmt-item-options .cmt-item-option-hiddenReply {
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cmt-item .cmt-item-options .cmt-item-option-hiddenReply span {
    float: left;
    margin-left: 4px;
    white-space: nowrap;
}

.cmt-item .cmt-item-options .cmt-item-option-hiddenReplys {
    cursor: pointer;
    padding: 0 6px;
    border-radius: 4px;
    color: #5c5e66;
    font-size: 13px;
    line-height: 18px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.cmt-item .cmt-item-options, .cmt-item .cmt-item-options .cmt-item-option-hiddenReplys {
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cmt-item .cmt-item-options .cmt-item-option-hiddenReplys span {
    float: left;
    margin-left: 4px;
    white-space: nowrap;
}

.cmt-item .cmt-input {
    margin-left: -44px;
    margin-top: 16px;
}
.cmt-item .cmt-inputa {
    margin-left: -70px;
    margin-top: 16px;
}
.cmt-input {
    overflow: hidden;
}
.cmt-inputa {
    overflow: hidden;
}
.cmt-item {
    position: relative;
    padding-left: 44px;
    min-height: 36px;
}

/*流加载准备*/
.see-more {
    text-align: center;

    user-select: none;
}

.sm-text {
    font-size: 14px;
    font-weight: 400;
    color: #45474d;
    line-height: 20px;
    cursor: pointer;
    transition: all .2s ease-in-out;
    border: none;
    background-color: #fff;
}

.like{
    cursor: pointer;
}
/* 评论 */
.cmt-sub-list-wrap {
    padding-left: 44px;
}

.cmt-sub-list {
    border-radius: 8px;
    background: #f9fafc;
    padding: 16px;
    margin-top: 16px;
}

.sells{
    border: none;

    background-color: #fff;
}
.layui-icon-down{
    margin-left: 12px;
}
.layui-icon-up{
    margin-left: 12px;
}